<div>
  <h2>Dialog demo</h2>

  <button id="open" type="button" (click)="open()" [disabled]="!!dialogRef">
    Open a dialog
  </button>

  <button type="button" (click)="close()" [disabled]="!dialogRef">
    Close the dialog
  </button>

  <p>
    Last result: {{lastResult}}
  </p>

  <hr>

  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>
  <p> Here are some paragaphs to make the page scrollable</p>

</div>
